.userNav>div{margin: 0 auto;width: 96%;height: 75px;display: flex;justify-content: space-between;align-items: center;
}
.userNav>div>div:nth-child(1){width: 140px;height: 41px;display: flex;align-items: center;justify-content: center;font-size:19px;color: #fff; background: url('/static/img/zhi.png') no-repeat;background-size: 100%;
}

.userNavT{display: flex;align-items: center;
}
.userNavT>div{font-size: 18px;color: #7dbcf3;cursor: pointer;width: 85px;position: relative;text-align: center;}
.navSel:before{content: '';position: absolute;bottom: -5px;right: 0;width: 85px;height: 4px;background-color: #2cc8b5;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
.harnDeta {width: 100%;
}
    .slide-fade-enter-active {
        transition: all 0.7s ease;
    }
    
    .slide-fade-enter,
    .slide-fade-leave-active {
        transform: translateY(-30px);
        /*transform: rotate( -70deg ) translateX( 300px );*/
        opacity: 0;
    }